$('.Onlinetop-up').click(function () {
    $('.Offlinetop-upContent').css('display', 'none'); //隐藏
    $('.Onlinetop-upContent').css('display', 'block', ); //显示
    $('.Offlinetop-up').css('border', '0');
    $('.Onlinetop-up').css({
        'border': '1px solid #ddd',
        'border-bottom-color': "transparent"

    });
})
$('.Offlinetop-up').click(function () {
    $('.Onlinetop-upContent').css('display', 'none'); //隐藏
    $('.Offlinetop-upContent').css('display', 'block'); //显示
    $('.Onlinetop-up').css('border', '0');
    $('.Offlinetop-up').css({
        'border': '1px solid #ddd',
        'border-bottom-color': "transparent"

    });
})

$(function() {
    /* 发送ajax 获取所有的银行卡 */
    let id = JSON.parse(localStorage.getItem('yhm')).id
    $.ajax({
        url: 'http://139.9.177.51:3333/p2p/cardList',
        type: 'get',
        data: {
            userid: id
        },
        success: function(data) {
            let code = data.code; // 接收状态码

            // 如果成功
            if (code === 200) {
                let cardList = data.data // 取出数据

                // 渲染渲染
                let ret = "";
                for (let i = 0; i < cardList.length; i++) {
                    // 把option循环拼接出来
                    ret += `<option value="${cardList[i].id}">${cardList[i].bankName}${cardList[i].cardNumber}(${cardList[i].branchName})</option>`
                }

                // 把拼接结果渲染到select下面
                $('#cardSelect').html(ret)
            }
        }
    })

    /* 立即充值 */
    $('#rechargeBtn').on('click', function() {
        $.ajax({
            url: 'http://139.9.177.51:3333/p2p/charge',
            type: 'post',
            data: {
                userid: id,
                money: $('#money').val(),
                cardid: $('#cardSelect').val(),
            },
            success: function(data) {
                let { code, msg } = data;
                if (code === 200) {
                    alert(msg) // 弹出充值成功的信息
                    location.href = "../index.html" // 跳转到个人中心/账号信息
                } else {
                    alert(msg)
                }
            }
        })
    })
})